import React from 'react'
import './money.less'

export default function Money(props) {
  let { close, xcon } = props
  return (
    <div className="box">
      <div className="top">
        <span className="one">{xcon.name}</span>
        <span>的缴费情况</span>
      </div>
      <div className="con">
        <div className="money">
          <p>学号：{xcon.id}</p>
          <p>姓名：{xcon.name}</p>
        </div>
        <div className="money">
          <p>学院：{xcon.qwstage}</p>
          <p>班级：{xcon.banji}</p>
        </div>
        <div className="money">
          <p>共交：{xcon.totlemoney}</p>
          <p>现交：{xcon.nowmoney}</p>
        </div>
        <div className="qmoney ">
          <p>欠:{xcon.totlemoney-xcon.nowmoney}</p>
          <p>状态:{xcon.totlemoney-xcon.nowmoney>0?'欠费中...':'已交完'}</p>
        </div>
      </div>
    </div>
  )
}
